body 
{
  margin:0;
  background-color:#ffffff;
  font-family : Arial;
  font-size: 12px;
  color: #000000;
  font-weight: normal;
  text-decoration:none;
  padding: 0;
}
tr {vertical-align:top}
hr {color: #015FA9;}
ol,ul,li {margin:0;padding:0;}
ul {list-style:none;}
img {border:0;}
legend
{
  font-family:Arial;
  font-size:12px;
  font-weight:bold;
  color:#333333;
}
fieldset
{
  border:solid 1px #D0D0BF;
}

#contenedorWf{
  width: 100%;
  /*border: 1px solid red;*/
  margin: auto;
}

.btn{
  font-size: 9px;
}

.imgBtn{
  width: 42px;
  height: 42px;
}

.floatLeftLI li {float:left;}
.floatLeft {float:left;}
.floatRightLI li {float:right;}
.floatRight {float:right;}
.clearBoth{clear:both;}
.displayNone{display:none;}
.displayBlock{display:block;}
.displayInline{display:inline;}
.separadorItem {padding-right:15px; padding-bottom:5px;}
.positionRelative  {position:relative}
.positionAbsolute  {position:absolute}
.upperCase {text-transform:uppercase;}
.lowerCase {text-transform:lowercase;}
.capitalize {text-transform:capitalize;}
.fieldsetInner {padding:0px 10px 5px 10px}
.textAlignLeft {text-align: left;}
.textAlignRight {text-align: right;}
.textAlignCenter {text-align: center;}
.dimensionItem{width:150px;height:30px;}
.cursorPointer { cursor: pointer; }
.cursorMove { cursor: move; }
.underline { text-decoration: underline; cursor: pointer}
.readOnly
{
  font-family:Arial;
  font-size:11px;
  font-weight:normal;
  color:#666666;
  background:#EEEEEE;
}
.cssLabel
{
  font-family:Arial;
  font-size:11px;
  font-weight:bold;
  color:#333;
}
a.cssLabel:link{color: #333; text-decoration:none}
a.cssLabel:visited{color: #333; text-decoration:none}
a.cssLabel:hover{color: #333; text-decoration:underline}

.cssTituloPagina
{
  font-family :Trebuchet MS;
  font-size: 20px;
  font-weight:bold;
  color: #666;
  text-decoration:none;
}

.cssInput
{
  font-family:Arial;
  font-size:11px;
  font-weight:normal;
  color:#666666;
}

#simplemodal-overlay {background-color:#fff;}
#simplemodal-container {
  background-color:#333; border:4px solid #444; padding:12px;
  /* sombra solo para Firefox */
  box-shadow: 0px 0px 3px #666;
  -moz-box-shadow: 0px 0px 3px #666;
  -webkit-box-shadow: 0px 0px 3px #666;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  /* ------------------------ */
}
#simplemodal-container a.modalCloseImg {
  background:url(img/x.png) no-repeat;
  width:30px;
  height:30px;
  display:inline;
  z-index:3200;
  position:absolute;
  top:-15px;
  right:-18px;
  cursor:pointer;
}
.simplemodal-texto {font-family:Arial; font-size:11px; color:white; text-align:center}

.cssCampoObligatorio
{
  font-family:Courier New;
  font-size:12px;
  font-weight:bold;
  color:#FF0000;
}
.cssTextoNormal
{
  font-family : Arial;
  font-size: 11px;
  color: #666666;
  font-weight: normal;
  text-decoration:none;
}
.cssTextoNormal a
{
  font-family : Arial;
  font-size: 11px;
  color: #666666;
  font-weight: normal;
  text-decoration:none;
}
a.cssTextoNormal:link{color: #666666; text-decoration:none}
a.cssTextoNormal:hover{color: #666666; text-decoration:underline}

.cssTablaDatos
{
  border: solid 0px #f0f0f0;
}
.cssTablaDatos table {
  text-align: left;
  font-size: 12px;
  font-family: Arial;
  background: #fff;
}
.cssTablaDatos table {
  cursor:default;
}
.cssTablaDatos table th{
  background: #4393bb;
  border: 1px solid #fff;
  text-align: left;
  font-size: 11px;
  font-family: Arial;
  padding:3px;
}
.cssTablaDatos table tr {
  background: #f6f6f6;
}
.cssTablaDatos table td{
  border: 1px solid #fff;
  text-align: left;
  font-size: 11px;
  font-family: Arial;
  padding:3px;
}
.cssTablaDatos table td a:link{
  font-family: Arial;
  font-size: 11px;
  color:#333;
  text-decoration:none;
}
.cssTablaDatos table td a:active{
  font-family: Arial;
  font-size: 11px;
  color:#333;
  text-decoration:none;
}
.cssTablaDatos table td a:visited{
  font-family: Arial;
  font-size: 11px;
  color:#333;
  text-decoration:none;
}
.cssTablaDatos table td a:hover{
  font-family: Arial;
  font-size: 11px;
  color:#333;
  text-decoration:underline;
}
.cssTablaDatos table td a.cssLink:link{
  font-family: Arial;
  font-size: 11px;
  color:#000;
  text-decoration:underline;
}
.cssTablaDatos table td a.cssLink:active{
  font-family: Arial;
  font-size: 11px;
  color:#000;
  text-decoration:underline;
}
.cssTablaDatos table td a.cssLink:visited{
  font-family: Arial;
  font-size: 11px;
  color:#000;
  text-decoration:underline;
}
.cssTablaDatos table td a.cssLink:hover{
  font-family: Arial;
  font-size: 11px;
  color:#000;
  text-decoration:none;
}
.cssTablaDatos table th {
  font-family: Arial;
  font-size: 11px;
  color:#fff;
  text-decoration:none;
}
.cssTablaDatos table th a{
  font-family: Arial;
  font-size: 11px;
  color:#fff;
  text-decoration:none;
}
.cssTablaDatos table th a:link{
  font-family: Arial;
  font-size: 11px;
  color:#fff;
  text-decoration:none;
}
.cssTablaDatos table th a:hover{
  font-family: Arial;
  font-size: 11px;
  color:#fff;
  text-decoration:underline;
}
.cssTablaDatos a:link{
  font-family: Arial;
  font-size: 11px;
  color:#fff;
  text-decoration:underline;
}

.cssNotificacionTitulo {
  font-family : Arial;
  font-size: 12px;
  color: #333;
  font-weight: bold;
  text-decoration:none;
}
.cssNotificacionTextoNormal {
  font-family : Arial;
  font-size: 11px;
  color: #333;
  font-weight: normal;
  text-decoration:none;
}

/***************************************************
WucBarraProgreso
****************************************************/
/* rojo */
.wucbp-BarraProgesoRojo
{
  border: solid 1px #f00;
  background-color: #fcc6be;
  background-image: url(img/bgPorcentajeRojo.png);
  background-repeat: repeat-x;
}
.wucbp-BarraProgesoFondoRojo
{
  background-color: #fab4a9;
  height:17px;
  text-align: left;
}
/* amarillo */
.wucbp-BarraProgesoAmarillo
{
  border: solid 1px #FFCC00;
  background-color: #F5EC54;
  background-image: url(img/bgPorcentajeAmarillo.png);
  background-repeat: repeat-x;
}
.wucbp-BarraProgesoFondoAmarillo
{
  background-color: #faf485;
  height:17px;
  text-align: left;
}
/* verde */
.wucbp-BarraProgesoVerde
{
  border: solid 1px #3ebb7c;
  background-color: #01ce58;
  background-image: url(img/bgPorcentajeVerde.png);
  background-repeat: repeat-x;
}
.wucbp-BarraProgesoFondoVerde
{
  background-color: #ccecd6;
  height:17px;
  text-align: left;
}
/* azul */
.wucbp-BarraProgesoAzul{
  border: solid 1px #306FD9;
  background-color: #4892F7;
  background-image: url(img/bgPorcentajeAzul.png);
  background-repeat: repeat-x;
}
.wucbp-BarraProgesoFondoAzul
{
  background-color: #c0e3f8;
  height:17px;
  text-align: left;
}
/* gris */
.wucbp-BarraProgesoGris
{
  border: solid 1px #b5b5b5;
  background-color: #01ce58;
  background-image: url(img/bgPorcentajeGris.png);
  background-repeat: repeat-x;
}
.wucbp-BarraProgesoFondoGris
{
  background-color: #ddd;
  height:17px;
  text-align: left;
}

.wucbp-TextoPorcentaje{
  font-family : Arial;
  font-size: 12px;
  color: #333;
  font-weight: bold;
}
.wucbp-TextoTitulo {
  font-family : Arial;
  font-size: 12px;
  color: #333;
  font-weight: bold;
  text-align: center;
}
.wucbp-TextoMensaje {
  font-family : Arial;
  font-size: 10px;
  color: #999;
  font-weight: normal;
  text-align: center;
  padding-top: 3px;
}
/*******************************************/

.cssDestacadoMsgError
{
  border: solid 1px #DD3C10;
  background-color: #FFEBE8;
  padding:2px;
}
.cssDestacadoMsgExito
{
  border: solid 1px #65D85F;
  background-color: #E5F4E5;
  padding:2px;
}
.cssDestacadoMsgAdvertencia
{
  border: solid 1px #E2C822;
  background-color: #FFF9D7;
  padding:2px;
}
.cssMensajeError
{
  font-family:Arial;
  font-size:11px;
  font-weight:bold;
  color:#f00;
}

.cssMensajeErrorBloque, .cssMensajeExitoBloque, .cssMensajeAdvertenciaBloque
{
  font-family:Arial;
  font-size:11px;
  font-weight:normal;
  color:#333;
}
.cssMensajeExito
{
  font-family:Arial;
  font-size:11px;
  font-weight:bold;
  color:#158E21;
}
.cssTituloVerImagen{
  background-color: #ccc;
  background-image: url(img/bg.png);
  background-repeat:repeat-x;
  border:solid 0px #aaa;
  font-family:Verdana;
  font-size:15px;
  font-weight:bold;
  color:#fff;
  height:31px;
  text-align: center;
  cursor: pointer;
}
.cssTituloVerImagenPadding {
  padding-top:7px;
}
.cssFondoImagen{
  background-color: #999;
  text-align: center;
}

.cssImagenMovible {
  border: solid 3px #999;
  height: 180px;
}
.cssLabelNormal
{
  font-family:Arial;
  font-size:11px;
  font-weight:bold;
  color:#000000;
}
.cssTextoReadOnly{
  font-family:Arial;
  font-size:11px;
  font-weight:normal;
  color:#aaa;
}
.cssPaddingSeparadorLinea{
  padding-top:5px;
  padding-bottom:5px;
}
.cssSeparadorLinea{
  border-top:dashed 1px #aaa;
  height: 1px;
}
.cssDestacadoMsgErrorInput
{
  border: solid 1px #DD3C10;
  background-color: #FFEBE8;
}
.cssInputLogin
{
  font-family:Arial;
  font-size:20px;
  font-weight:normal;
  color:#666666;
  padding: 7px;
}

.itemGrilla {
  text-decoration: underline;
  font-weight: normal;
  color: #4393BB;
  cursor: pointer;
  width: 240px;
}
.cssTopLogin {
  background-color: #F5F5F5;
  border-bottom:solid 1px #E5E5E5;
  padding: 10px;
}
.cssContenidoLog{
  padding-top:20px;
}
.cssContenidoLeftLogin{
  padding-left: 30px;
  padding-right: 30px;
}
.cssContenidoRightLogin{
  padding-left: 30px;
  padding-right: 30px;
  width:300px;
}
.cssFondoTablaLogin{
  padding: 20px;
  background-color: #F5F5F5;
  border:solid 1px #E5E5E5;
}
.cssLabelLogin{
  font-family:Arial;
  font-size:13px;
  font-weight:bold;
  color:#333;
}
.cssTituloAcceder{
  font-family:Verdana;
  font-size:14px;
  font-weight:bold;
  color:#BEBEBE;
  padding-bottom:15px;
}
.cssFooterLogin
{
  background-color:transparent;
  position: fixed;
  bottom:0px;
  left:0px;
  width:100%;
  height:25px;
  z-index:999;
  text-align: center;
  font-family:Arial;
  font-size:10px;
  font-weight:bold;
  color:#BEBEBE;
}
.cssZoomImagen {
  padding-right: 20px;
  text-align: center;
}

.cssReplicarDatosContenedor{
  padding-bottom: 10px;
}
.cssReplicarDatosFondo
{
  border: dashed 1px #CD8302;
  background-color: #FFF9D7;
  padding:5px;
}
.cssReplicarDatosTextoNormal
{
  font-family:Arial;
  font-size:11px;
  font-weight:normal;
  color:#333;
}
.cssReplicarDatosLabel
{
  font-family:Arial;
  font-size:11px;
  font-weight:bold;
  color:#333;
  width:80px;
}
.cssReplicarDatosTextoNegrita{
  font-family:Arial;
  font-size:13px;
  font-weight:bold;
  color:#9D2703;
}

.cssReplicarDatosTextoNegritaChico{
  font-family:Arial;
  font-size:11px;
  font-weight:bold;
  color:#9D2703;
}
a.cssReplicarDatosTextoNegritaChico:link{ text-decoration: underline }
a.cssReplicarDatosTextoNegritaChico:hover{ text-decoration: none }

.cssReplicarDatosContenedorBoton{
  width: 160px;
  vertical-align: middle;
  text-align: center;
}
.cssGraficoContenedor{
  border:solid 2px #ccc;
}
.cssHolderSimbologia
{
  border:solid 2px #999;
  background-color:#fff;
  padding:5px;
  z-index:11;
  /* sombra solo para Firefox */
  box-shadow: 0px 0px 3px #666;
  -moz-box-shadow: 0px 0px 3px #666;
  -webkit-box-shadow: 0px 0px 3px #666;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  /* ------------------------ */
}
.cssLabelPaso {
  text-align: center !important;
  font-family: Arial !important;
  font-size: 30px !important;
  font-weight: bold;
  color: #999;
}

.cssLabelPasoActualizado {
  text-align: center !important;
  font-family: Arial !important;
  font-size: 30px !important;
  font-weight: bold;
  color: #d13001;
}
.cssLabelTip
{
  font-family:Arial;
  font-size:10px;
  font-weight:normal;
  color:#999999;
}
.cssFondoLinkImprimir{
  background-color: #ddd;
  border-top: solid 1px #bbb;
  border-bottom: solid 1px #bbb;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
}
.cssFondoLinkImprimir a {display: block}
.cssBodyPopUp {margin:10px;}
.cssPaginadorNormal
{
  font-family : Arial;
  font-size: 11px;
  color: #333;
  font-weight: normal;
  text-decoration:none;
}
.cssPaginador
{
  font-family : Arial;
  font-size: 11px;
  color: #333;
  font-weight: bold;
  text-decoration:none;
}
.cssPaginador a
{
  font-family : Arial;
  font-size: 11px;
  color: #777;
  font-weight: normal;
  text-decoration:none;
}
.cssPaginador a:link{color: #777; text-decoration:none}
.cssPaginador a:hover{color: #777; text-decoration:underline}
.cssMatrizPermisoContenedorCategorias
{
  background-color: transparent;
  text-align: left;
  font-size: 11px;
  font-family: Arial;
  font-weight:normal;
  color:#333333;
  padding:0px 0px 0px 0px;
}

.cssMatrizPermisoTituloCategoria
{
  background-color:#dedede;
  border: 1px solid #c9c9c9;
  text-align: left;
  font-size: 11px;
  font-family: Arial;
  font-weight:bold;
  color:#333;
  padding:3px;
}
.cssMatrizPermisoCheckDestacado
{
  text-align: left;
  font-size: 11px;
  font-family: Arial;
  font-weight:bold;
  color:#ad3f11;
}


.cssMatrizPermisoContenedorPaginas
{
  background-color: transparent;
  text-align: left;
  font-size: 11px;
  font-family: Arial;
  font-weight:normal;
  color:#333333;
  padding:1px 15px 5px 15px;
}
.cssMatrizPermisoTituloPagina
{
  background-color: #f0f0f0;
  border: 1px solid #e5e5e5;
  text-align: left;
  font-size: 11px;
  font-family: Arial;
  font-weight:bold;
  color:#333333;
  padding:3px;
}
.cssMatrizPermisoContenedorFunciones
{
  background-color: transparent;
  text-align: left;
  font-size: 11px;
  font-family: Arial;
  font-weight:normal;
  color:#333;
  padding:5px;
}
.cssMatrizPermisoSeparacionItemPaginas{
  padding-right: 7px;
  padding-bottom: 3px;
}
.cssAlerta
{
  font-family:Arial;
  font-size:11px;
  font-weight:bold;
  color:#AD3F11;
}
.wucAprobacionContenedor {
  background-color:#ddd;
  text-align: left;
  border: solid 1px #414141;
}
.wucAprobacionTitulo {
  font-family:Arial;
  font-size:11px;
  font-weight:bold;
  color:#fff;
  background-color: #414141;
  padding: 2px;
  text-align: center;
}
.wucAprobacionControles{
  padding: 5px;
}
.wucAprobacionDiasAtraso{
  background-color: #f0f0f0;
  border-top:solid 1px #999;
  text-align: center;
  padding: 3px;
}
.wucAprobacionDiasAtrasoTexto{
  font-family:Arial;
  font-size:11px;
  font-weight:normal;
  color:#333;
}

ul.wucAprobacion {list-style:none; margin:0; padding:0}
ul.wucAprobacion * {margin:0; padding:0}
ul.wucAprobacion div.wucAprobacionGris a {display:block; color:#000; text-decoration:none}
ul.wucAprobacion div.wucAprobacionAzul a {display:block; color:#fff; text-decoration:none}
ul.wucAprobacion li {padding-right: 1px}
ul.wucAprobacion li div.wucAprobacionGris {background:url(img/bgLink.png);padding: 2px 7px;border:1px solid #aaa;}
ul.wucAprobacion li div.wucAprobacionGris:hover {background:url(img/bgLink_over.png);}
ul.wucAprobacion li div.wucAprobacionAzul {background:url(img/bgLinkAzul.png);padding: 2px 7px;border:1px solid #306FD9;}
ul.wucAprobacion li div.wucAprobacionAzul:hover {background:url(img/bgLinkAzul_over.png);}
ul.wucAprobacion li div:hover a {color:#fff}
ul.wucAprobacion .wucAprobacionLink {font-weight:bold; font-size:11px; display: block }
ul.wucAprobacion .wucAprobacionLink:hover {font-weight:bold; font-size:11px; color:#fff; display: block }
ul.wucAprobacion li input {  font-family:Arial; font-size:11px; font-weight:normal; color:#333; border:solid 1px #aaa; padding: 2px}

#portamento_container {position:relative;}
#portamento_container #sidebar {}
#portamento_container #sidebar.fixed {position:fixed; z-index: 999} /* become fixed position, but reset the top and right values */

.cssAutocomplete {
  background-image: url(img/lupa.gif);
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 16px;
}
.cssPanelWucAprobacion, .cssSidebarWucAprobacion {
  width: 275px;
}
.cssPanelWucAprobacion {
  padding-left: 15px;
}
.cssSeleccionarEmpresaHolder{
  border: solid 2px #fff;
  padding: 5px;
  width: 100px;
}
.cssSeleccionarEmpresaHolder:hover{
  border: dashed 2px #3079ED;
  cursor: pointer;
}
.cssSeleccionarEmpresaLogo, .cssSeleccionarEmpresaActivaLogo {
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #fff;
  width: 80px;
  height: 60px;
}
.cssSeleccionarEmpresaLogo { border: solid 3px #969696; }
.cssSeleccionarEmpresaActivaLogo { border: solid 3px #4C8FFC; }

.cssSeleccionarEmpresaTexto, .cssSeleccionarEmpresaActivaTexto{
  padding-top: 5px;
  font-family:Arial;
  font-size:12px;
  font-weight:bold;
}
.cssSeleccionarEmpresaTexto { color:#333; }
.cssSeleccionarEmpresaActivaTexto{ color:#3079ED; }

.cssTopTextoNormal
{
  font-family: Arial;
  font-size: 11px;
  color: #333;
  font-weight: normal;
  text-decoration:none;
}
.cssTopTextoNormal a
{
  font-family : Arial;
  font-size: 11px;
  color: #333;
  font-weight: normal;
  text-decoration:none;
}
a.cssTopTextoNormal:link{color: #333; text-decoration:none}
a.cssTopTextoNormal:hover{color: #333; text-decoration:underline}

.cssTopSeparador{
  width: 15px;
  height: 7px;
}
.cssMarcoInner {
  padding-top: 7px;
}

.cssSubLegend
{
  font-family:Arial;
  font-size:13px;
  font-weight:bold;
  color:#0b5c97;
  text-align:left;
}
.cssFondoMensajeErrorLogin{
  background-color: #E7281A;
  text-align:center;
  padding:10px;
  border:solid 1px #A22020;
}
.cssMensajeErrorLogin
{
  font-family:Arial;
  font-size:13px;
  font-weight:bold;
  color:#fff;
}

